//-
//- @Author: CPS
//- @Date: 2020-08-05 00:39:04
//- @Last Modified by: CPS
//- @Last Modified time: 2020-08-13 09:48:59
//- @Projectname Electron-fileWatcher
//- @file_path D:\CPS\MyProject\Electron-fileWatcher\src\renderer\pages\fileWatcher\js\fileList\template\content.pug
//- @Filename content.pug
//-

//- 定义组件前缀名
- var n = `fileList__`

//- 0 每个文件夹的外部容器(此处在js内生成容器)
//- session(class=`${n}eachFloder`)

//- 1 头部
header(class=`${n}floderHeader`)

  //- 文件夹的icon
  img(src=icon.src[`folder`])

  //- 文件夹的名称
  span(class=`${n}eachFloderName`)= folder.dirname ? folder.dirname : '、xxxxxxxx/'

  //- 文件夹的两个按钮
  div(class=`${n}floderBtnGroup`)
    img(class=`${n}btnSelOpenFloder` src=icon.src[`openfolder2`])
    img(class=`${n}btnCloseFloder` src=icon.src[`close`])

//- 子文件夹
div(class=`${n}floderContent`)
  for eachfile in folder.files
    //- 0每个文件的外部容器
    div(class=`${n}eachFile`)
      //- 1对应格式的icon图标
      span(class=`${n}eachFileIcon`)

        //- 1.1 icon容器
        img(src=eachfile.ext ? icon.src[eachfile.ext] : icon.src[eachfile.type])

      //- 2对应文件名
      span(class=`${n}eachFileName`)= eachfile.fullname ? eachfile.fullname : 'xxxxxxxxxxxxxxxxxxxxxxxname'

      //- 3对应文件关键信息
      span(class=`${n}eachFileSize`)= eachfile.words ? eachfile.words: eachfile.size ? eachfile.size :'99p'

//- 文件夹脚部
footer(class=`${n}floderFooter`)
  for count,eachExt in folder.filecount
    if count
      //- 文件小图标
      div(class=`${n}${eachExt}`)
        //- 对应格式的icon
        img(src=icon.src[eachExt]?icon.src[eachExt]:icon.src['text'])
        //- 该格式的文件数量
        span= count
